<template>
	<view class="container">
		<view class="u-m-l-30">
			<view class="u-flex u-m-t-35">
				<view class="ty">
				</view>
				<text class="xmjz">最新项目进展</text>
				<text class="sctime">2020-06-01 16:24:18</text>
			</view>
			<view class="u-flex">
				<view class="xx">
					
				</view>
				<view class="bsbj u-m-l-26">
					<view class="zxjz">
						这是咱们项目的最新进展
					</view>
					<view class="u-flex">
						<view class="tp">
							
						</view>
						<view class="tp">
							
						</view>
					</view>
					<view class="u-m-l-30 u-m-t-20 u-flex">
						<view class="tyqk">
							团员确认情况
						</view>
						<view class="hekuai">
							8/12
						</view>
						<view >
							<image @click="toConfirmation" class="sd" src="../../../static/img/sd.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="u-flex">
				<view class="ty">
				</view>
				<text class="xmjz">最新项目进展</text>
				<text class="sctime">2020-06-01 16:24:18</text>
			</view>
			<view class="u-flex">
				<view class="xx">
					
				</view>
				<view class="bsbj u-m-l-26">
					<view class="zxjz">
						这是咱们项目的最新进展
					</view>
					<view class="u-flex">
						<view class="tp">
							
						</view>
						<view class="tp">
							
						</view>
					</view>
					<view class="u-m-l-30 u-m-t-20 u-flex">
						<view class="tyqk">
							团员确认情况
						</view>
						<view class="hekuai">
							8/12
						</view>
						<view >
							<image @click="toConfirmation" class="sd" src="../../../static/img/sd.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="u-flex ">
				<view class="ty">
				</view>
				<text class="xmjz">上传团队协议</text>
				<text class="sctime">2020-06-01 16:24:18</text>
			</view>
			<view class="">
				
			</view>
			<view class="tdxybj u-m-l-26">
				<view class="word u-m-l-40 u-p-t-30">
					<image src="../../../static/img/word.png" mode=""></image>
					<text>桥梁设计团队协议.doc</text>
				</view>
				<view class="u-m-l-30 u-m-t-20 u-flex">
					<view class="tyqk">
						团员确认情况
					</view>
					<view class="hekuai">
						8/12
					</view>
					<view >
						<image class="sd" src="../../../static/img/sd.png" mode=""></image>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		
		data(){
			return{
				bjxm: "../../static/homepage/xmkk.png",
				list:[
					{
						name:'张三',
						logo:'姓名',
						explain:'能者多得',
						leader: true
					},
					{
						name:'张三',
						logo:'姓名',
						explain:'能者多得'
					},
					{
						name:'张三',
						logo:'姓名',
						explain:'能者多得'
					},
				]
			}
		},
		onLoad(options){
			
		},
		methods:{
			toConfirmation(item) {
				uni.navigateTo({
					url: '../../notepad/zhihuiTeam/confirmation?id='+item.id
				})
			}
		},
		
	}
</script>

<style scoped lang="scss"> 
	page{
		background-color: #F5F5F5;
	}
	.sctime{
		display: flex;
		align-items: center;
		color: #888D99;
		font-size: 30rpx;
		margin-left: 20rpx;
	}
	.ty{
		width: 18rpx;
		height: 18rpx;
		background: #888D99;
		border-radius: 50%;
	}
	.xmjz{
		color: #888D99;
		font-size: 30rpx;
		margin-left: 20rpx;
	}
	.xx{
		width: 2rpx;
		height: 468rpx;
		border: 2rpx dashed #888D99;
		opacity: 0.5;
		margin-left: 7rpx;
		margin-top: -10rpx;
	}
	.zxjz{
		color: #0D1D36;
		font-size: 30rpx;
		font-weight: bold;
		margin-left: 40rpx;
		margin-top: 15rpx;
	}
	.tp{
		width: 192rpx;
		height: 192rpx;
		border-radius: 10rpx;
		background-color: #F5F5F9;
		margin-left: 30rpx;
		margin-top: 24rpx;
	}
	.tyqk{
		color: #0D1D36;
		font-size: 26rpx;
	}
	.hekuai{
		color: #FFFFFF;
		font-size: 26rpx;
		width: 72rpx;
		height: 32rpx;
		background: #4F5A78;
		border-radius: 4rpx;
		text-align: center;
		line-height: 32rpx;
		margin-left: 22rpx;
	}
	.sd{
		width: 48rpx;
		height: 48rpx;
		margin-left: 300rpx;
	}
	.word{
		display: flex;
		align-items: center;
		image{
			width: 41rpx; height: 37rpx;
		}
		text{
			color: #4B9CFF;
			font-size: 30rpx;
			margin-left: 16rpx;
		}
	}
	.bsbj{
		width: 654rpx;
		height: 344rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
	}
	.tdxybj{
		margin-top: 30rpx;
		width: 654rpx;
		height: 159rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin-bottom: 90rpx;
	}
</style>
